<template>
  <div class="dashboard-container">
    <Card />
    <Sale style="    margin: 0 10px;
    margin-top: 10px;" />
    <Observe/>
  </div>
</template>

<script>
  import Card from '@/components/card'
  import Sale from '@/components/sale'
  import Observe from '@/views/dashboard/observe/index.vue'
  export default {
    name: 'Dashboard',
    components: {
      Card,
      Sale,
      Observe
    },
  }
</script>

<style lang="scss" scoped>
  .dashboard {
    &-container {
      margin: 30px;
    }

    &-text {
      font-size: 30px;
      line-height: 46px;
    }
  }
</style>
